<!-- Copyright 2023 OpenObserve Inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<template>
  <div
    class="full-width column flex-center q-gutter-sm justify-center"
    style="font-size: 1.5rem; margin: 20vh auto 2rem"
  >
    <svg width="238" height="231" viewBox="0 0 238 231" fill="none" xmlns="http://www.w3.org/2000/svg" class="no-data-image">
      <g clip-path="url(#clip0_324_6400)">
        <path d="M150.581 51.9511H86.6674C85.2109 51.9529 83.8146 52.5309 82.7847 53.5585C81.7548 54.586 81.1754 55.9791 81.1737 57.4322V199.155L80.4412 199.378L64.7621 204.168C64.019 204.394 63.2164 204.317 62.5305 203.953C61.8445 203.589 61.3312 202.969 61.1034 202.228L14.4653 50.2374C14.2383 49.496 14.3156 48.6951 14.6803 48.0106C15.045 47.3261 15.6671 46.814 16.41 46.587L40.5715 39.2058L110.616 17.8149L134.778 10.4337C135.145 10.3208 135.532 10.2814 135.915 10.3176C136.298 10.3539 136.67 10.4651 137.01 10.645C137.35 10.8249 137.65 11.0699 137.895 11.3659C138.14 11.662 138.324 12.0033 138.437 12.3704L150.358 51.2203L150.581 51.9511Z" fill="#F2F2F2" />
        <path d="M164.528 51.2207L150.161 4.39761C149.921 3.61745 149.531 2.89193 149.011 2.26251C148.49 1.63309 147.851 1.11211 147.129 0.729332C146.407 0.346554 145.616 0.109481 144.802 0.0316679C143.988 -0.0461448 143.167 0.0368281 142.385 0.275837L108.416 10.6497L38.3745 32.0442L4.40497 42.4218C2.82693 42.9052 1.50561 43.9936 0.731049 45.448C-0.0435141 46.9024 -0.208042 48.604 0.273586 50.1793L49.3801 210.202C49.7714 211.473 50.5608 212.586 51.6326 213.377C52.7044 214.168 54.0022 214.596 55.3354 214.597C55.9525 214.598 56.5661 214.505 57.1556 214.323L80.4416 207.212L81.1741 206.986V206.222L80.4416 206.445L56.9395 213.625C55.5466 214.049 54.0422 213.904 52.7562 213.223C51.4702 212.541 50.5077 211.378 50.0797 209.99L0.976932 49.9637C0.764907 49.2756 0.691011 48.5526 0.759472 47.836C0.827933 47.1193 1.0374 46.4232 1.37589 45.7875C1.71439 45.1517 2.17526 44.5889 2.7321 44.1311C3.28894 43.6733 3.93082 43.3296 4.62099 43.1197L38.5905 32.7422L108.632 11.3513L142.601 0.973769C143.125 0.814378 143.669 0.733109 144.216 0.7326C145.391 0.735231 146.534 1.11304 147.478 1.8107C148.421 2.50836 149.117 3.4892 149.461 4.60956L163.763 51.2207L163.99 51.9515H164.752L164.528 51.2207Z" fill="#3F3D56" />
        <path d="M44.9318 46.7065C44.2259 46.706 43.5387 46.4798 42.9711 46.0611C42.4035 45.6424 41.9853 45.0532 41.7779 44.38L37.0605 29.0068C36.9337 28.5938 36.8897 28.16 36.9311 27.7301C36.9724 27.3002 37.0981 26.8826 37.3012 26.5012C37.5043 26.1198 37.7807 25.782 38.1147 25.5072C38.4486 25.2324 38.8335 25.0259 39.2474 24.8995L103.685 5.21737C104.521 4.96287 105.424 5.04967 106.195 5.4587C106.967 5.86774 107.545 6.56559 107.802 7.3991L112.519 22.7725C112.774 23.6065 112.687 24.5074 112.277 25.2774C111.867 26.0474 111.168 26.6238 110.332 26.88L45.8948 46.5621C45.5828 46.6577 45.2582 46.7063 44.9318 46.7065Z" fill="currentColor" />
        <path d="M69.6433 16.4267C73.6888 16.4267 76.9683 13.1547 76.9683 9.11857C76.9683 5.08241 73.6888 1.81046 69.6433 1.81046C65.5979 1.81046 62.3184 5.08241 62.3184 9.11857C62.3184 13.1547 65.5979 16.4267 69.6433 16.4267Z" fill="currentColor" />
        <path d="M69.6433 13.7463C72.205 13.7463 74.2817 11.6744 74.2817 9.11857C74.2817 6.56275 72.205 4.49084 69.6433 4.49084C67.0816 4.49084 65.0049 6.56275 65.0049 9.11857C65.0049 11.6744 67.0816 13.7463 69.6433 13.7463Z" fill="white" />
        <path d="M220.714 212.73H96.9227C96.0973 212.729 95.306 212.401 94.7224 211.819C94.1388 211.237 93.8105 210.447 93.8096 209.624V61.6344C93.8105 60.8109 94.1388 60.0214 94.7224 59.4392C95.306 58.8569 96.0973 58.5294 96.9227 58.5284H220.714C221.54 58.5294 222.331 58.8569 222.915 59.4392C223.498 60.0215 223.827 60.8109 223.828 61.6344V209.624C223.827 210.447 223.498 211.237 222.915 211.819C222.331 212.401 221.54 212.729 220.714 212.73Z" fill="#E6E6E6" />
        <path d="M163.763 51.2203H86.6676C85.017 51.2227 83.4347 51.8779 82.2676 53.0423C81.1005 54.2068 80.4437 55.7855 80.4414 57.4322V206.445L81.1739 206.222V57.4322C81.1757 55.9791 81.755 54.586 82.7849 53.5585C83.8148 52.531 85.2111 51.9529 86.6676 51.9511H163.99L163.763 51.2203ZM230.969 51.2203H86.6676C85.017 51.2227 83.4347 51.8779 82.2676 53.0423C81.1005 54.2068 80.4437 55.7855 80.4414 57.4322V224.788C80.4437 226.435 81.1005 228.014 82.2676 229.178C83.4347 230.342 85.017 230.998 86.6676 231H230.969C232.62 230.998 234.202 230.342 235.369 229.178C236.536 228.014 237.193 226.435 237.196 224.788V57.4322C237.193 55.7855 236.536 54.2068 235.369 53.0423C234.202 51.8779 232.62 51.2227 230.969 51.2203ZM236.463 224.788C236.461 226.241 235.882 227.634 234.852 228.662C233.822 229.689 232.426 230.267 230.969 230.269H86.6676C85.2111 230.267 83.8148 229.689 82.7849 228.662C81.755 227.634 81.1757 226.241 81.1739 224.788V57.4322C81.1757 55.9791 81.755 54.586 82.7849 53.5585C83.8148 52.531 85.2111 51.9529 86.6676 51.9511H230.969C232.426 51.9529 233.822 52.531 234.852 53.5585C235.882 54.586 236.461 55.9791 236.463 57.4322V224.788Z" fill="#3F3D56" />
        <path d="M192.513 67.2982H125.124C124.25 67.2972 123.412 66.9504 122.794 66.3339C122.176 65.7174 121.829 64.8814 121.828 64.0095V47.9317C121.829 47.0598 122.176 46.2239 122.794 45.6073C123.412 44.9908 124.25 44.644 125.124 44.643H192.513C193.387 44.644 194.225 44.9908 194.843 45.6073C195.461 46.2239 195.809 47.0598 195.81 47.9317V64.0095C195.809 64.8814 195.461 65.7174 194.843 66.3339C194.225 66.9504 193.387 67.2972 192.513 67.2982Z" fill="currentColor" />
        <path d="M158.818 45.7392C162.864 45.7392 166.143 42.4673 166.143 38.4311C166.143 34.395 162.864 31.123 158.818 31.123C154.773 31.123 151.493 34.395 151.493 38.4311C151.493 42.4673 154.773 45.7392 158.818 45.7392Z" fill="currentColor" />
        <path d="M158.819 42.8825C161.283 42.8825 163.28 40.8895 163.28 38.4311C163.28 35.9727 161.283 33.9798 158.819 33.9798C156.354 33.9798 154.357 35.9727 154.357 38.4311C154.357 40.8895 156.354 42.8825 158.819 42.8825Z" fill="white" />
      </g>
      <defs>
        <clipPath id="clip0_324_6400">
          <rect width="237.195" height="231" fill="white" />
        </clipPath>
      </defs>
    </svg>
	
    <div class="q-ma-none">{{ t("ticket.noDataErrorMsg") }}</div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { useI18n } from "vue-i18n";
import { getImageURL } from "../../../utils/zincutils";

export default defineComponent({
  name: "QTableNoData",
  setup() {
    const { t } = useI18n();

    return { t, getImageURL };
  },
});
</script>
